<!DOCTYPE html>
<html>

<head>
    <title>报名信息</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="北京规划院 移动办公 OA 自动化">
    <link rel="stylesheet" href="../css/weui.min.css">

    <style type="text/css">
        .agent-span {
            color: #5bc0de;
        }
        html,body,.page{
            height: 100%;
            background-color: #F0EFF5;
        }
        .operation-icon {
            text-align: center;
        }
        #pageTitle{
            width: 100%;
            height: 50px;
            line-height: 50px;
            background-color: #3285FF;
            text-align: center;
            color: #fff;
            font-size: 18px;
        }
        .weui-cells__title {
            margin-top: 6px;
            font-size: 16px;
            line-height: 28px;
        }
        .weui-cells__title img{
            width: 27px;
            vertical-align: middle;
            margin-right: 5px;
        }
    </style>
</head>

<body>
<!-- 基本信息页面 -->
<div class="page input js_show">
    <div class="page__bd">
        <div id="pageTitle" style="display: none">
            报名信息
        </div>
        <div style="width: 95%;background: #FFF;margin: 8px auto;border-radius: 3px;">
            <div class="weui-cells" style="margin-top: 0px;">

                <!-- 标题 -->
                <div class="weui-cell" style="background-color: #5bc0de; display: none">
                    <div class="weui-cell__bd" style="text-align: center;">
                        <span>报名信息</span>
                    </div>
                </div>

                <!-- 内容部分 后期再实现-->
                <div class="weui-cell weui-cell_switch" style="display: none">
                    <div class="weui-cell__hd">
                        <!-- 修改了weui.min.css de weui-label 的 width由105->125 -->
                        <label class="weui-label">代人报名：</label>
                    </div>
                    <div class="weui-cell__bd"></div>
                    <div class="weui-cell__ft">
                        <label for="switchCP" class="weui-switch-cp">
                            <input id="switchCP" class="weui-switch-cp__input" type="checkbox">
                            <div class="weui-switch-cp__box"></div>
                        </label>
                    </div>
                </div>
            </div>

            <div class="weui-cells__title" style="color: #0d0d0d;"><img src="../images/carServer6.png"/>姓名</div>
            <div class="weui-cells">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <input class="weui-input" placeholder="请输入姓名" id="user-name" />
                    </div>
                </div>
            </div>

            <div class="weui-cells__title" style="color: #0d0d0d;"><img src="../images/carServer7.png"/>电话</div>
            <div class="weui-cells">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <input class="weui-input" placeholder="请输入手机号码" id="user-tel" />
                    </div>
                </div>
            </div>

            <div class="weui-cells__title" style="color: #0d0d0d;"><img src="../images/carServer8.png"/>备注</div>
            <div class="weui-cells">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <input class="weui-input" placeholder="请输入备注" id="user-remarks" />
                    </div>
                </div>
            </div>
        </div>

        <!-- 保存按钮 -->
        <div class="weui-flex" style="margin: 0 auto;margin-top: 15px;width: 95%;">
            <!--<div class="weui-flex__item"  style="margin-right:30px;">-->
            <div class="weui-flex__item">
                <a href="javascript:;" class="weui-btn weui-btn_warn" style="background-color: #3285FF; color: #fff" id="save">保存</a>
            </div>
        </div>

        <!-- 已经提交后再次修改按钮 -->
        <div id="edit-update" style="display: none">
            <div class="weui-flex" style="margin: 0 auto;margin-top: 15px;width: 100%;">
                <!--<div class="weui-flex__item"  style="margin-right:30px;">-->
                <div class="weui-flex__item">
                    <a href="javascript:;" class="weui-btn weui-btn_warn" style="background-color: #31b0d5; color: #0D0D0D" id="update">保存更新</a>
                </div>
            </div>
            <div class="weui-flex" style="margin: 0 auto;margin-top: 10px;width: 100%;">
                <!--<div class="weui-flex__item"  style="margin-right:30px;">-->
                <div class="weui-flex__item">
                    <a href="javascript:;" class="weui-btn weui-btn_warn" style="background-color: #31b0d5; color: #0D0D0D" id="cancel">取消报名</a>
                </div>
            </div>
        </div>

        <!-- 下面都是操作提示框 -->
        <!-- toast-->
        <div id="toast" style="opacity: 1; display: none;">
            <div class="weui-mask_transparent"></div>
            <div class="weui-toast">
                <i class="weui-icon-success-no-circle weui-icon_toast"></i>
                <p class="weui-toast__content"></p>
            </div>
        </div>

        <!--loadingToast-->
        <div id="loadingToast" style="opacity: 1; display: none;">
            <div class="weui-mask_transparent"></div>
            <div class="weui-toast">
                <i class="weui-loading weui-icon_toast"></i>
                <p class="weui-toast__content"></p>
            </div>
        </div>

        <!-- iosDialog2 -->
        <div class="js_dialog" id="dialog" style=" display: none;">
            <div class="weui-mask"></div>
            <div class="weui-dialog">
                <div class="weui-dialog__hd"><strong class="weui-dialog__title" id="strong"></strong></div>
                <div class="weui-dialog__ft">
                    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" id="iknow">知道了</a>
                </div>
            </div>
        </div>

        <!-- iosDialog -->
        <div class="js_dialog" id="cancelDialog" style="display:none">
            <div class="weui-mask"></div>
            <div class="weui-dialog">
                <div class="weui-dialog__hd"><strong class="weui-dialog__title">确定取消这次预约吗？</strong></div>
                <div class="weui-dialog__ft">
                    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default" id="cancelNo">取消</a>
                    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" id="cancelYes">确定</a>
                </div>
            </div>
        </div>

    </div>
</div>
</body>
<script src="../js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../js/my-js/bookInfo.js"></script>

</html>